<!DOCTYPE html>
<html lang="en" style="font-size:0px;">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <script type="text/javascript" src="global.js"></script>
    <title>Document</title>
    <style>
      *{
        padding:0;
        margin:0;
      }
      .content{
        /* margin-left: auto;
        margin-right: auto; */
        text-align: center;
        position: relative;
        max-width: 640px;
      }
      .content img{
        width:100%;
        display: block;
        z-index:-1;
      }
      #one{
        position: absolute;
        top:46%;
        color:#fff;
        background:red;
        width:100%;
      }
      #two{
        position: absolute;
        top:72%;
        color:#fff;
        width:100%;
      }
    </style>
</head>
<body>
  <div class="content">
    <img src="https://www.5525g.com/static/mobile/images/promotion-v2/yjcxzzhlg/bg.jpg" alt="">
    <div id="one">1111</div>
    <div id="two">2222</div>
  </div>
 
</body>
<script>

</script>
</html>